<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>滑动标尺</title>
		<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
		<link href="/css/learn_test.css" rel="stylesheet">
		<script src="/js/learn_test.js"></script>
	</head>

	<body onload="init_ruler_point()">
		<div class="vruler">│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│
			<div class="vruler-ptr">
				<label class="vruler-ptr-value" id="vruler-ptr-val">180.0°</label>
			</div>
		</div>
		<br>
		<div class="ruler">│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│╹│
			<div class="ruler-ptr">
				<label class="ruler-ptr-value" id="ruler-ptr-val">180.0°</label>
			</div>
		</div>

		<br>
		<div class="center-flex">
			<canvas id="player" width="640" height="512">您的浏览器不支持 HTML5 canvas 标签。</canvas>
		</div>
	</body>
</html>

